Published on

TailwindCSS UI库

Authors

前言

TailwindCSS是非常流行的原子CSS库,比element,ant等ui框架灵活且与web框架无关,无论是 vue还是react或者原生html都可以使用,兼容性非常好。

初次上手时觉得非常复杂,也繁琐,不像element直接cv就可以使用,需要了解一些css的知识才能比较好的驾驭, 一旦熟悉后,可以通过className知道大致的样式结构。

本人没什么设计细胞,有现成基于taildwind设计的ui库就再好不过了。

UI 库

1. daisyUI

https://daisyui.com/

开源免费,上手简单总体来说不错,有些地方不太灵活。

2. flowbite

https://flowbite.com

社区版免费,因为有商业版,所以稳定性应该会比较好。缺点是很多好用的模板需要商业版才能使用。

3. hyperui

https://www.hyperui.dev/

纯TailwindCSS UI库,直接复制粘贴就可以使用,非常方便!自由度高,如果要用组件,需要自己封装。

其他

https://v2ex.com/t/891088

这里有讨论其他的一些库,不全是tailwind的,chakra和radix质量不错。